

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--
		<link rel="stylesheet" type="text/css" href="styles.css">
		-->
<title>ExamStack</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="keywords" content="">
<link rel="shortcut icon"
	href="<%=basePath%>resources/images/favicon.ico" />
<link href="resources/bootstrap/css/bootstrap-huan.css" rel="stylesheet">
<link href="resources/font-awesome/css/font-awesome.min.css"
	rel="stylesheet">
<link href="resources/css/style.css" rel="stylesheet">
<!-- Javascript files -->
<style type="text/css">
.form-group {
	margin-bottom: 5px;
	height: 59px;
}
</style>
</head>

<body>
	<header>
		<div class="container">
			<div class="row">
				<div class="col-xs-5">
					<div class="logo">
						<h1>
							<!--<a href="#"><img alt="" src="resources/images/logo.png"></a>-->
						</h1>
					</div>
				</div>
				<div class="col-xs-7" id="login-info">

				</div>
			</div>
		</div>
	</header>
	<!-- Navigation bar starts -->

	<div class="navbar bs-docs-nav" role="banner">
		<div class="container">
			<nav class="collapse navbar-collapse bs-navbar-collapse"
				role="navigation">
				<ul class="nav navbar-nav">

					</ul>
			</nav>
		</div>
	</div>

	<!-- Navigation bar ends -->

	<div id="app" class="content" style="margin-bottom: 100px;">

		<div class="container">
			<div class="row">

				<div class="col-md-12">
					<div class="lrform">
						<h5>注册账号</h5>
						<span class="form-message"></span>
						<div class="form">
							<!-- Register form (not working)-->
							<form class="form-horizontal" id="form-create-account"
								action="/add" method="post">
								<div class="form-line form-userName" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>用户名：</span>
									<input type="text" class="df-input-narrow" id="name-add" name="userName"
										maxlength="20"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-password" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>密码：</span>
									<input type="password" class="df-input-narrow" id="password-add" name="password"
										maxlength="20"> <span class="form-message"></span> <br>
								</div>
								<!--<div class="form-line form-password-confirm" style="display: block;">-->
									<!--<span class="form-label"><span class="warning-label">*</span>重复密码：</span>-->
									<!--<input type="password" class="df-input-narrow" id="password-add" name="password"-->
										<!--maxlength="20"> <span class="form-message"></span> <br>-->
								<!--</div>-->
								<div class="form-line form-true-Name" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>真实姓名：</span>
									<input type="text" class="df-input-narrow" id="truename-add" name="trueName"
										maxlength="20"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-national-Id" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>身份证号：</span>
									<input type="text" class="df-input-narrow" id="national-id-add" name="nationalId"
										maxlength="18"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-phoneNum" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>手机：</span>
									<input type="text" class="df-input-narrow" id="phone-add" name="phoneNum"
										maxlength="18"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-email" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>邮箱：</span>
									<input type="text" class="df-input-narrow"  id="email-add" name="email"
										maxlength="60"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-depId" style="display: block;">
									<span class="form-label"><span class="warning-label"></span>班级名称：</span>

									<select  name="depId" id="depId" class="df-input-narrow">

										<option v-for="(item,index) in result" :value="item.depId">{{item.depName}}</option>
									</select>

									<span class="form-message"></span>
									<br>
								</div>

								<!-- Checkbox -->
								<div class="form-group form-confirm">
									<div class="col-md-9 col-md-offset-3">
										<label class="checkbox-inline"> <input type="checkbox"
											id="inlineCheckbox1" value="agree"> <a>
												同意考试系统条款</a>
										</label> <span class="form-message"></span>
									</div>

								</div>

								<!-- Buttons -->
								<div class="form-group">
									<!-- Buttons -->
									<div class="col-md-9 col-md-offset-3">
										<button type="submit" class="btn" id="btn-reg">注册账号</button>
										<button type="reset" class="btn">重置</button>
									</div>
								</div>
							</form>
							已有账号? <a href="login.html">直接登录</a>
						</div>
					</div>

				</div>
			</div>

		</div>

	</div>
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="copy">
						<!--<p>
							ExamStack Copyright © <a href="http://www.examstack.com/"
								target="_blank">ExamStack</a> - <a href="resources" target="_blank">主页</a>
							| <a href="http://www.examstack.com/" target="_blank">关于我们</a> | <a
								href="http://www.examstack.com/" target="_blank">FAQ</a> | <a
								href="http://www.examstack.com/" target="_blank">联系我们</a>
						</p>-->
					</div>
				</div>
			</div>

		</div>

	</footer>

	<!-- Slider Ends -->
	<!-- jQuery -->
	<script type="text/javascript"
		src="/static/resources/js/jquery/jquery-1.9.0.min.js"></script>
	<!-- Bootstrap JS -->
	<script type="text/javascript"
		src="/static/resources/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/static/resources/js/all.js"></script>
	<script type="text/javascript" src="/static/resources/js/register.js"></script>
	<script src="js/vue/vue.min.js"></script>

</body>
</html>

<script>

	var  vm = new Vue({
		el:'#app',
		data:{
		    result:[]
		}
	});
/*	$(function () {
        $.ajax({
            type : 'get', //提交方式
            url : "/selectalldep2", //路径
            //参数
            //返回普通的字符流不要写 dataType : "json"
            success : function(data) {
                console.log(data);
               vm.result=data;
            }
        });
        create_account.initial();
    });*/

	$("#depId").click(function () {
       console.log($("#depId").val()+"ssssssssssssssssssss") ;
    })
</script>